.custom-premium-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 40 !important;
}

/* Inactive State - Jo gray bars image me the (24px wide, sharp corners) */
.custom-premium-pagination .swiper-pagination-bullet {
  width: 24px !important;
  height: 5px !important;
  border-radius: 0px !important; /* Agar sharp bars chahiye to 0px, halka curve chahiye to 2px */
  background-color: #9ca3af !important; /* Premium Matte Gray */
  opacity: 0.6 !important;
  margin: 0 !important;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Active State - Jo long orange bar progress dikhata hai (64px wide) */
.custom-premium-pagination .swiper-pagination-bullet-active {
  width: 64px !important;
  background-color: #ea580c !important; /* primary theme orange */
  opacity: 1 !important;
}